1時間プログラミング 009 はてブで最近ブックマークしたエントリーを表示する

概要

はてブで最近ブックマークしたエントリーを表示する

privateなブックマークは対象外

所要時間: 1時間

使い方

code:terminal

$ deno run --allow-net mod.ts

実装

となると、スクレイピングの出番

1ページ目に表示されるブックマークのみを対象とする

privateなブックマークは対象外

今回はTS(Deno)で作成する

ブックマークトップページのHTMLを取得する

code:ts

const fetchHatebuHtml = async (id: string): Promise<string> => {

const resp = await fetch(url);

return resp.text();

};

HTMLをパースしてエントリー一覧を取得する

code:ts

type HatebuEntry = {

url: string;

text: string;

};

const parseHatebuHtml = (html: string): HatebuEntry[] => {

const doc = new DOMParser().parseFromString(html, "text/html")!;

const entryList = Array.from(

doc.querySelectorAll(".bookmark-item"),

) as Element[];

return entryList.map((elm) => {

const titleElem = elm.querySelector(".centerarticle-entry-title a")!;

const url = titleElem.getAttribute("href")!;

const text = titleElem.textContent;

return { url, text };

});

};

エントリー一覧を出力する

code:ts

const printHatebuEntryList = (entryList: HatebuEntry[]) => {

entryList.forEach((ent) => {

});

};

感想